.wea-new-scroll .bar {
    visibility: hidden;
}

.wea-new-scroll:hover .bar {
    visibility: visible;
}

.clipper {
    overflow: hidden;
    height: 100%;
    width: 100%;
    position: relative;
}
.scroller {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 100%;
}

/* And scrollbar */

.track {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 0;
    z-index: 10;
}

.baron > .track {
    display: block;
}
.bar {
    position: absolute;
    right: 0;
    width: 6px;
    border-radius: 3px;
    background: #ccc;
}
/* hide default chrome scrollbar */
.scroller::-webkit-scrollbar {
    width: 0;
    height: 0;
}